<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>新车展厅-车型</title>
 	<link rel="stylesheet" href="../../components/bootstrap/dist/css/bootstrap.min.css">  
	<link rel="stylesheet" href="../../components/datetimepicker/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../components/bootstrapValidator/css/bootstrapValidator.css" type="text/css" />
	<script type="text/javascript" src="../../components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="../../components/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../components/datetimepicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../../components/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../../components/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="../../js/common/common.js"></script>
    <script type="text/javascript" src="../../js/newCarShowroom/modelExhibition.js"></script>
    
<style type="text/css">
.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.underline_model {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.center-vertical {
    margin-top:25px;
}


.pager_displacement {
    padding-left: 0;
    margin: 5px 0;
    text-align: left;
    list-style: none;
}

.pager_displacement li>a, .pager_displacement li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 15px;
    color:black;
    
}

.pager_gearboxType {
    padding-left: 0;
    margin: 5px 0;
    text-align: left;
    list-style: none;
}

.pager_gearboxType li>a, .pager_gearboxType li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 15px;
    color:black;
    
}

.pitchOn a span{
   color:#0DA1E9;
   font-weight: bold 

}

</style>


</head>
<body>

<div id="myTabContent" class="tab-content">

  <div id="seriesExhibitionDiv" class="container tab-pane fade active in">
  
	<div class="container">
	    <div align="center">
		    <table>
		          <tr>
		             <td width="40%"><img id="seriesImage" src="../../images/allCar.png" width="150" height="150" class="img-responsive" alt="Generic placeholder thumbnail"></td>
		             <td>
				        <a onclick="seriesExhibitionSelect()" href="#"><h5><span id="seriesNameSpan"></span><span class="glyphicon glyphicon-chevron-right"></span></a></h5>
				        <h6><span>本店价：<font color="red"><span id="localPriceMinSpan"></span>-<span id="localPriceMaxSpan"></span>万</font></span></h6>
		             </td>
		             
		          </tr>
		    </table>
	    </div>
	    <!-- <div class="row">
	         <div class="col-xs-6 col-sm-6 text-center" align="right">
		        
	         </div>
	         <div class="col-xs-6 col-sm-6 center-vertical" align="left">
			        <h5><span id="seriesNameSpan"></span><a onclick="seriesExhibitionSelect()" href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></h5>
			        <span>本店价：<span id="localPriceMinSpan"></span>万-<span id="localPriceMaxSpan"></span>万</span>
	         </div>
	    </div> -->
	
	</div>
	
    <nav>
             
         <ul id="displacementDiv" class="pager pager_displacement">
         </ul>
         
         <ul id="gearboxTypeDiv" class="pager pager_gearboxType">
         </ul>
    </nav>	
    <hr style="margin-top: 10px;margin-bottom: 10px"></hr>
    
    <input type="hidden" id="currentSeelctDisplacement" value="all">
    <input type="hidden" id="currentSeelctGearboxType" value="all">
    
    <div id="modelExhibitionGroupContent">
    
    </div>
    
    
    
    <!-- <div class="well well-sm">
		<ul id="modelExhibitionTab" class="nav nav-tabs">
		</ul>
	</div>
	<div id="modelExhibitionContent" class="tab-content">
	
		
	</div> -->
	
	</div>
	
    <!--二级选择车车系页面  -->
	<div id="seriesSelectExhibitionDiv" class="container tab-pane fade">
	</div>
	
</div>

</body>
</html>